@charset "utf-8";
@import "reset";
$fs:64px;
@function lpx($px){
    @return $px/$fs*1rem
}
html{
    font-size:$fs;
    .whole{
        width:lpx(640px);
        .kon{
            height:lpx(90px);
        }
        .logobig{
            height:lpx(90px);
            width:lpx(640px);
            background-color:#b20000;
            position:fixed;
            top:0px;
            font-size:0;
            >.logo{
                    padding-top:lpx(20px);
                img{
                    width:lpx(270px);
                    height:lpx(47px);
                    display:block;
                    margin:0 auto;
                }
            }
            .gengduo{
                width:lpx(50px);
                height:lpx(50px); 
                margin-top:lpx(-45px);
                float:left;
                margin-left:lpx(20px);
                a i{
                    color:white;
                    font-size:lpx(42px);
                }
            }
            .soushuo{
                width:lpx(50px);
                height:lpx(50px); 
                float:right;
                margin-top:lpx(-45px);
                margin-right:lpx(15px);
                a i{
                    color:white;
                    font-size:lpx(42px);
                }
            }
        }
        
        >.dtbig{
            width:lpx(640px);
            height:lpx(306px);
            background-image: url(../img/resource_02.jpg);
            background-size:lpx(640px);
            z-index: 9999;
            .lunbo{
                width:lpx(640px);
                height:lpx(104px);
                background-color: rgba(0,0,0,0.6);
                float:right;
                margin-top:lpx(202px);
                padding-left:lpx(20px);
                a{
                p{
                    font-size:lpx(26px);
                    color:white;
                    margin-top:lpx(22px);
                }
                ul{
                    margin-top:lpx(12px);
                    li{
                        float:right;
                        height:lpx(30px);
                        font-size:lpx(17px);
                        color:white;
                        margin-right:lpx(35px);
                        i{
                            font-size:lpx(25px);
                            margin-right:lpx(5px);
                        }
                    }
                    .lunbo_li{
                        padding-left:10px;
                    }
                    .lunbo_cop{
                        color:red;
                    }
                }
                }
            }
        }
        .cjk_cen{
            padding:lpx(28px) lpx(28px);
            font-size:0;
            .cjk_top{
                width:lpx(584px);
//              height:lpx(141px);
                background:white;
                margin-bottom:lpx(20px);
                .cjk_topleft{
                    float:right;
                    width:lpx(360px);
                    font-size:0px;
                    p:first-of-type{
                        font-size:lpx(25px);
                        
                    }
                    p:nth-last-of-type(2){
                        margin-top:lpx(10px);
                        a{
                            font-size:lpx(22px);
                            line-height:lpx(30px);
                            color:#c5c5c5;
                        }
                    }
                    p:nth-of-type(3){
                        margin-top:lpx(10px);
                        a{
                            font-size:lpx(19px);
                            color:#656565;
                            i{
                            font-size:lpx(19px);
                            }
                        }
                        .top_leftspan{
                            font-size:lpx(19px);
                            color:#c5c5c5;
                            float:right;
//                          margin-top:lpx(20px);
                        }
                    }
                }
                .cjk_topimg{
                    width:lpx(211px);
                    float:left;
                    a img{
                        width:lpx(210px);
                    }
                }
            }
            .cjk_bot{
//              margin-top:lpx(30px);
                border-top:1px solid darkgray;
//              height:lpx(180px);
                padding-top:lpx(20px);
            }
        }
            .gengduo{
//              margin-top:lpx(50px);
                width:lpx(583px);
                margin:0 auto;
                border-top:1px solid darkgray;
                font-size:0;
                margin-bottom:lpx(100px);
                .gdform{
                    width:lpx(220px);
                    height:lpx(59px);
                    margin:0 auto;
                    .gdbut{
                        font-size:lpx(22px);
                        color:#656565;
                        background:none;
                         width:lpx(220px);
                        height:lpx(59px);
                    }
                }
            }
        
//      footer
        .footer{
            height:lpx(95px);
            width:100%;
            background-color:#f5f5f5;
            position:fixed;
            bottom:0px;
            font-size:0;
            li{
                float:left;
                width:20%;
                text-align: center;
                margin-top:lpx(10px);
                i{
                    font-size:lpx(45px);
                    color:#8b8b8b;
                }
                p{
                    font-size:lpx(20px);
                    color:#8b8b8b;
                }
            }
            .footli {
                i{
                    color:red;
                }
                p{
                    color:red;
                }
            }
        }
    }

}